<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博雅首页</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .q{
            width: 840px;
            height: 1200px;
            margin: 0 auto;
        }
        nav{
            width: 840px;
            height: 40px;
            
            background-color: #191d3a;
            
        }
        nav>.a{
            height: 40px;
            margin-left:100px;
            margin-right:30px;
            float: left;
        }
        .a1{
           width: 48%; 
           height: 40px;
           float: left;
           
        }
        div>a{
          float: left;
          width: 60px;
          text-align:center;
          line-height: 40px;
          text-decoration: none;
          font-size: 6px;
          font-family: 微软雅黑;
          color:#787c8f;
      }
      div>a:hover{
          background-color: #252947;
          color:#fff;
      }
      .a2>img{
        float: left;
       width: 60px;
       height: 24px;
        margin: 8px;
      }
      .b>img{
        position: relative;
          width:840px ;
          height: 260px;
          margin: 0px auto;
      }
      .b1{
          position: absolute;
          left: 710px;
          top: 275px;
          
      }
      .b1>img{
          
          width: 6px;
          height: 6px;
        
        margin: 3px;

      }
      .c{
        width: 760px;
        height: 120px;
        
        padding-top: 20px;
        padding-left: 80px;
            
      }
      .c>img{
          margin: 10px;
        width: 140px;
        height: 80px;
      }
      .d{
        width: 840px;
        height: 20px;
        
      }
      .d1{
          margin-top: 5px;
          margin-left: 90px;
        float: left;
        margin-right: 10px;
          width: 284px;
          border-top: 0.3px solid #e5e9ee;
      }

      .d2>img{
        float: left;
          width: 6px;
          height:6px;
        
        margin: 3px;

      }
      .d3{
          margin-top: 5px;
          margin-left: 10px;
        float: left;
        margin-right: 10px;
          width: 290px;
          border-top: 0.3px solid #e5e9ee;
      }
      .e{
          width: 640px;
          height: 250px;
          margin: 90px;
        margin-top: 15px;
          
      }
      .e1>.e12{
         
          
        width: 320px;
          height: 250px; 
          float: left;
                
      }
      .e13{
        margin-left: -170px;
        margin-top: 30px;  
      }
      .e2>.e22{
        width: 320px;
          height: 250px; 
          margin-top: -63px;

          float: left;
      }
      .e23{
        margin-left: -200px;
        margin-top: -250px;  
      }
      .e11{
          width: 300px;
          
        float: left;
        margin-left: -310px;
        margin-top: 100px;       
          line-height: 35px;
          
          font-size: 12px;
          font-family: 微软雅黑;
      }
      
      .f{
          position: absolute;
        width: 840px;
            height: 50px;
            margin-top: 250px;
            background-color: #191d3a; 
            margin-top:-80px;
      }
      .e21{
          width:200px;
          top: 0;
          left: 0;
        float: left;
        margin-left: -310px;
        margin-top: 35px;       
          line-height: 35px;          
          font-size: 12px;
          font-family: 微软雅黑;
          color:#fff;
      }
      .f>.f1{
        float: left;
          width: 260px;
          text-align:center;
          line-height: 50px;
          text-decoration: none;
          font-size: 6px;
          font-family: 微软雅黑;
          color:#787c8f;
      }
      .f2{
        float: left;
          width: 450px;
          
          line-height: 50px;
          text-decoration: none;
          font-size: 6px;
          font-family: 微软雅黑;
          color:#787c8f;
      }
      .f3{
        width: 25px;
        height: 30px;
        float: left;
        margin-top: 12px;
        margin-left: -25px;
      }

    </style>
</head>
<body>
    <div class="q">

    
    <nav>
        <img src="./img/logo.png" class="a">
        <div class="a1">
            <a href="#">首页  </a>
            <a href="#">博雅游戏  </a>
            <a href="#">博骓新闻  </a>
            <a href="#">关于我们  </a>
            <a href="#">寄服中心  </a>
            <a href="#">投资者关系 </a>
    </div>
    <div class="a2">
        <img src="./img/jrwm.png">
    </div>
    </nav>
    <div class="b">
        <img src="./img/banner.jpg">
        <div class="b1">
            <img src="./img/dian2.fw.png"> 
            <img src="./img/dian4.fw.png">
            <img src="./img/dian4.fw.png">
            <img src="./img/dian4.fw.png">
            <img src="./img/dian4.fw.png">
        </div>
    </div>
    <div class="c">
        <img src="./img/bpt.jpg">
        <img src="./img/pro2.jpg">
        <img src="./img/pro3.jpg">
        <img src="./img/pro4.jpg">
    </div>
    <div class="d">
        <div class="d1"></div>
        <div class="d2">
            <img src="./img/dian3.fw.png"> 
            <img src="./img/dian4.fw.png">
            <img src="./img/dian4.fw.png">
            <img src="./img/dian4.fw.png">
        </div>
        
        <div class="d3"></div>
    </div>
    <div class="e">
        <div class="e1">
            <img src="./img/bynewsbg.jpg" class="e12">
            <div class="e11">
            <p>&nbsp;&nbsp;&nbsp;&nbsp;<samp>09/28</samp>&nbsp;&nbsp;&nbsp;&nbsp;2015博雅国际扑克大赛（BPT）在澳门落幕</p>
            <hr>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;<samp>08/26</samp>&nbsp;&nbsp;&nbsp;&nbsp;2015 BPT博雅国际扑克大赛重磅来袭</p>
            <hr>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;<samp>08/01</samp>&nbsp;&nbsp;&nbsp;&nbsp;博雅互动与阿里游戏联手启动“牌大赛”</p>
            <hr>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;<samp>7/21</samp>&nbsp;&nbsp;&nbsp;&nbsp;湖南省省长杜家窒—行参观博雅互动</p>
            <hr>
</div>
            <img src="./img/more1.png" class="e13">
        </div>

        <div class="e2">
            <img src="./img/byhrbg3.jpg" class="e22">
            <div class="e21">
                <p>&nbsp;&nbsp;&nbsp;&nbsp;专场招聘岗位∶<br>
                    PHP开发工程师
                </p>
                <hr>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;C++开发工程师</p>
                <hr>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;WEB前湍开发工程师</p>
                <hr>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;大数据开发工程师</p>
                <hr>

            
    </div>
    <img src="./img/more2.png" class="e23">
        </div>

    </div>
        <footer class="f">
          <a class="f1">
              网站地图&nbsp;&nbsp;︳免责声明
          </a>
          <a class="f2">
              copyright版权声明嘀嘀嘀哒哒哒滴答滴答滴答滴答，许可证GF211026766261
          </a> 
         
              <img src="./img/govIcon.gif" class="f3">
          
      </footer>



</div>
</body>
</html>